<template>
	<view class="cha_num">
		剩余{{liveCountdown}}
	</view>
</template>

<script>
	export default{
		data(){
			return {
				liveCountdown:""
			}
		},
		props:['startTime'],
		mounted() {
			this.getLiveTimeCount(this.startTime)
		},
		methods:{
			//倒计时
			getLiveTimeCount(startTime){
				if(startTime){  //如果设置了开始时间
					this.liveCountTimes=setInterval(()=>{
			                        //注：不论安卓还是ios，请将时间如 2020-02-02 20:20:20 转化为 2020/02/02 20:20:20 这种形式后再使用，否则无法转换，如下转换即可↓
						let transedPreTime=startTime.replace(/-/g,'/') //这里转化时间格式为以/分隔形式
						let nowTime = new Date().getTime();
						let preTime = new Date(transedPreTime).getTime()
						let obj = null;
						if(preTime - nowTime > 0){
							let time = (preTime - nowTime) / 1000;
							let day = parseInt(time / (60 * 60 * 24));
							let hou = parseInt(time % (60 * 60 * 24) / 3600);
							let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
							let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
							obj = {
								day: day<10?'0'+day:day,
								hou: hou<10?'0'+hou:hou,
								min: min<10?'0'+min:min,
								sec: sec<10?'0'+sec:sec
							};
							this.liveCountdown= obj.hou + ':' + obj.min + ':' + obj.sec 
						} else {
							obj = {day:'00',hou:'00',min:'00',sec:'00'};
							this.liveCountdown= obj.hou + ':' + obj.min + ':' + obj.sec
							clearInterval(this.liveCountTimes)
						}  
					},1000)
				}else{
					this.liveCountdown="开始时间待定"
				}
			},
		}
	}
</script>

<style>
</style>
